<template>
  <LsyContentContainer
    title="json表格"
    :enable-back-top-comp="true"
    :enable-toc="true"
    :lazy-render-content="true"
  >
    <div class="pb-3">
      <el-card shadow="never">
        <template #header>
          <h3 class="font-bold">基础表格</h3>
        </template>
        <TableDemo1></TableDemo1>
      </el-card>
    </div>
    <div class="pb-3">
      <el-card shadow="never">
        <template #header>
          <h3 class="font-bold">Element plus虚拟化表格</h3>
        </template>
        <TableDemo3></TableDemo3>
      </el-card>
    </div>
  </LsyContentContainer>
</template>

<script setup>
import TableDemo1 from '@/components/demo/table/tabledemo1.vue'
import TableDemo3 from '@/components/demo/table/tabledemo3.vue'
</script>

<style lang="scss" scoped></style>
